<script lang="ts">
import { computed, defineComponent } from "vue";
import { WidgetTypeEnum } from "@/enum/WidgetType";
import store from "@/store";

export default defineComponent({
  widgetType: WidgetTypeEnum.Text,
  setup() {
    const text = computed(() => {
      return (store.state as any).test.testStr;
    });
    return {
      text,
    };
  },
});
</script>

<template>
  <div class="x6-text">
    {{ text }}
  </div>
</template>

<style scoped lang="less">
.x6-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
</style>
